@layout("/common/_container.html"){
<style>
    .patientBox{
        height: 100%;
    }
    /*导航栏*/
    .patient-navigation{
        background-color: rgb(134,184,253);
        height: 50px;
        display: flex;
        line-height: 50px;
        color: white;
        text-align: center;
    }
    .patient-navigation-title{
        flex: 2;
        font-size: 16px;
    }
    .patient-navigation-left,
    .patient-navigation-right{
        width: 50px;
    }

    .patient-content{
        width: 100%;
        height: calc(100% - 50px);
        background-color: #eaf1fe;
        overflow: auto;
        padding: 12px;
    }
    .patient-content::-webkit-scrollbar {display:none}


    .patient-content-item{
        background-color: white;
        margin-bottom: 15px;
        padding: 5px 15px 10px;
        border-radius: 5px;
        box-shadow: 0 0 2px #cccccc;
        line-height: 32px;
    }

    .patient-content-item .patient-item-title{
        display: flex;
        border-bottom: 1px solid #cccccc;
        margin-bottom: 5px;
    }
    .patient-content-item .patient-item-title span:first-of-type{
        flex:1;
    }

    .patient-item-fill > div{
        display: flex;
    }
    .patient-item-fill > div > span:first-of-type{
        width:45px;
        color: #999999;
    }
    .patient-item-fill > div > span:last-of-type{
        width:85%;
    }
</style>
<div class="patientBox">
    <div class="patient-navigation">
        <div class="patient-navigation-left" onclick="patient_backHome()"><span class="glyphicon glyphicon-menu-left"></span></div>
        <div class="patient-navigation-title">病历列表</div>
    </div>
    <div class="patient-content">
        <div class="patient-content-list">
            @for(item in caseInfoList){
            <div class="patient-content-item">
                <div class="patient-item-title"><span>${customerInfo.customerName}</span><span>${item.finnallyTime1}</span></div>
                <div class="patient-item-fill">
                    <div><span>医生</span><span>${item.doctorId}</span></div>
                    @if(item.type == 1){
                    <div><span>类型</span><span>初诊病历</span></div>
                    @}
                    @if(item.type == 2){
                    <div><span>类型</span><span>复诊病历</span></div>
                    @}
                    <div><span>主诉</span><span>${item.zhushu}</span></div>
                </div>
            </div>
            @}
        </div>
    </div>
</div>
<script>
    function patient_backHome () {  ////点击返回跳转页面 - 首页
        window.location.href = Feng.ctxPath + "/weixin/index";
    }
</script>
@}
